<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/weui.min.css">
		<link rel="stylesheet" type="text/css" href="css/jquery-weui.min.css" />
		<style type="text/css">
			.weui-cells__title {
				text-align: center;
				background-color: #E50012;
				margin: 0px;
				padding-top: .77em;
				padding-bottom: .3em;
				color: white;
				margin-bottom: .77em;
			}
		</style>
	</head>

	<body ontouchstart>
		<div class="weui-cells__title">注册</div>
		<div class="weui-cells weui-cells_form">
			<div class="weui-cell weui-cell_vcode">
				<div class="weui-cell__hd">
					<label class="weui-label">手机号</label>
				</div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="tel" placeholder="请输入手机号">
				</div>
				<div class="weui-cell__ft">
					<button class="weui-vcode-btn">获取验证码</button>
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
				<div class="weui-cell__bd">
					<input class="weui-input" type="number" placeholder="请输入验证码">
				</div>
			</div>
			<div class="weui-btn-area">
				<a class="weui-btn weui-btn_primary" href="javascript:" id="showTooltips">确定</a>
			</div>
			<label for="weuiAgree" class="weui-agree">
		      <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox">
		      <span class="weui-agree__text">
		        阅读并同意<a href="javascript:void(0);">《相关条款》</a>
		      </span>
		    </label>
		</div>
	</body>

</html>